.item4{
	.main{
		width: 100%;
		@media(max-width: 768px){
		 	margin-top: 51px
		 }
		.headerbanner{
			position: relative;
			.crumbs{
				background: rgba(0,0,0,0.5);
			    line-height: 60px;
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				color: #fff;
				@media(max-width: 768px){
		 			display: none;
				}
				.left{
					float: left;
				}
				.right{
					float: right;
					a{
						color: #fff;
						margin-left: 20px;
						line-height: 58px;
						display: inline-block;
						&:hover{
							text-decoration: none;
						}
					}
					.active{
						border-bottom: 3px solid #f39800;
					}
				}
			}
		}
		.contact{
			margin-top: 45px;
			margin-bottom: 100px;
			@media(max-width: 768px){
		 		margin-top: 10px;
		 	}
		 	ul{
		 		overflow: hidden;
		 		li{
		 			overflow: hidden;
		 			a{
		 				display: block;
		 				padding: 10px;
		 				overflow: hidden;
		 				border-bottom:2px dashed #eee;
		 				&:hover{
		 					color: #000;
		 					text-decoration: none;
		 				}
		 				img{
		 					display: block;
		 					float: left;
		 					width: 30%;
		 				}
		 				.left{
		 					float: left;
		 					width: 32%;
		 					padding-left: 3%;
		 					white-space: nowrap;
		 					overflow:hidden; 
		 					text-overflow:ellipsis;
		 					h4{
		 						font-size: 21px;
		 						margin-bottom: 20px;
		 					}
		 					.yjf{
		 						display: inline-block;
		 						padding:5px 10px;
		 						border-radius: 5px;
		 						background: #eee;
		 					}
		 					p{
		 						line-height: 40px;
		 						.icon{
		 							font-size: 20px;
		 							margin-right: 5px;
		 							color: #666;
		 						}
		 					}
		 					.tel{
	 							font-size: 22px;
	 							color: #f3a600;
	 						}
		 					@media (max-width: 768px) {
								width: 52%;
								h4{
									font-size: 16px;
									margin-bottom: 10px;
								}
								.yjf{
			 						display: inline-block;
			 						padding:3px;
			 						border-radius: 5px;
			 						background: #eee;
			 					}
			 					p{
			 						line-height: 25px;
			 						.icon{
			 							font-size: 20px;
			 							margin-right: 5px;
			 							color: #666;
			 						}
			 					}
							}
		 				}
		 				.right{
		 					float: left;
		 					width: 35%;
		 					height: 100%;
		 					@media (max-width: 768px) {
									width: 15%;
								}
		 					img{
		 						width: 70%;
								padding-top: 12%;
								@media (max-width: 768px) {
									display: none;
								}
		 					}
		 					.icon{
		 						float: right;
		 						font-size: 40px;
		 						margin: 16% 2% 0 0;
		 						padding: 10px;
		 						&:hover{
		 							background: #fef1de;
		 							border-radius: 50%;
		 						}
		 					}
		 				}
		 			}
		 		}
		 	}
		}
	}
}